<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

<div class="my-mail-box">
    <div class="email-body" style="min-width:370px;color:#40485B;font-size:15px;background:#f8f8f8;">
        <div class="container"
             style="box-sizing: border-box;width: 100%;max-width: 700px;padding: 20px;margin: 0 auto;">
            <div class="panel" style=" background: #fff;border: 1px solid #E3E9ED;margin-bottom: 10px;">
                <div class="panel-header"
                     style=" font-size: 18px;line-height: 30px;padding: 10px 20px;background: #fcfcfc;border-bottom: 1px solid #E3E9ED;">
                    设备异常告警
                </div>
                <div class="panel-body" style=" padding: 20px;line-height: 1.7;">
                    <p style="font-size: 16px;">你好,<span th:text="${operationUserName}"></span></p>
                    <p style="font-size: 16px;">
                        你负责运维的设备于
                        <span th:text="${nowTime}"></span>
                        人工上报异常，请尽快查看处理。
                    </p>
                    <span class="title"></span>
                    <p style="word-break: break-all;">
                        <span style="font-weight: bold;">设备id：</span>
                        <span th:text="${deviceId}"></span>
                    </p>
                    <p style="word-break: break-all;"><span style="font-weight: bold;">设备投放名称：</span>
                        <span th:text="${deploymentName}">XXXXXXXXXXXXXXXXXXXXX</span>
                    </p>
                    <p style="word-break: break-all;"><span style="font-weight: bold;">设备位置：</span>
                         <span th:text="${deploymentAddress}">XXXXXXXXXXXXXXXXXXXXX</span>
                    </p>
                    <p style="word-break: break-all;"><span style="font-weight: bold;">异常信息：</span>
                         <span th:text="${errorInfo}">XXXXXXXXXXXXXXXXXXXXX</span>
                    </p>
                    <p style="word-break: break-all;"><span style="font-weight: bold;">上报类型：</span>
                         <span th:text="${reportType}">XXXXXXXXXXXXXXXXXXXXX</span>
                    </p>
                    <p style="word-break: break-all;"><span style="font-weight: bold;">上报人姓名：</span>
                        <span th:text="${reportName}">XXXXXXXXXXXXXXXXXXXXX</span>
                    </p>
                    <p style="word-break: break-all;"><span style="font-weight: bold;">上报人手机号码：</span>
                        <span th:text="${reportPhone}">17676888888</span>
                    </p>
                </div>
            </div>
            <div class="footer"
                 style="display:flex;justify-content:space-between;align-items:center;color:#9B9B9B;font-size:13px;margin-top:20px;">
                <span>本邮件由一体机管理系统自动发送，请勿直接回复</span>
            </div>
        </div>
    </div>
</div>
</body>

</html>
